<template>
  <div class="start-panel">

    <div class="start-panel-head" v-if="contentTypes.includes('head')">
      <slot name="head">
      </slot>
    </div>


    <div class="start-panel-body" v-if="contentTypes.includes('body')">
      <slot>
      </slot>
    </div>

    <el-divider v-if="contentTypes.includes('footer')"/>
    <div class="start-panel-footer" v-if="contentTypes.includes('footer')">

      <slot name="footer">
      </slot>
    </div>


  </div>
</template>
<script>
export default {
  name: "start-panel",
  props:{
    contentTypes:{
      type:Array,
      default:()=>{
        return ["head","body","footer"]
      }
    }
  }
}

</script>
<style lang="scss">
@use "style";
</style>
